<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景</title>
    <!--
        使用background-image来设置背景图片，语法：background-image:url(相对路径);

        如果背景图片大于元素，默认会显示图片的左上角，如果背景图片和元素一样大，则会将背景图片全部显示，如果背景图片小于元素大小，则会默认将背景图片平铺以充满元素。

        可以同时为一个元素指定背景颜色和背景图片，这样背景颜色将会作为背景图片的底色，一般情况下设置背景图片时都会同时指定一个背景颜色。

        background-repeat用于设置背景图片的重复方式，可选值为：
            repeat，默认值，背景图片会双方向重复（平铺）
            no-repeat，背景图片不会重复，有多大就显示多大
            repeat-x，背景图片沿水平方向平铺
            repeat-y，背景图片沿着垂直方向平铺

       背景图片默认是贴着元素的左上角显示，通过background-position可以调整背景图片在元素中的位置，可选值为：
       该属性可以使用：top、right、left、bottom、center中的两个值来指定一个背景图片对的位置。

       background-position：center，center   垂直水平居中
       background-position：top，left        左上
       ... ...

       如果指给出一个值，则第二个至默认为center

       也可以指定两个偏移量，第一个值时水平方向偏移量(如果指定的是一个正值，则图片会向右移动指定的元素，如果是负值，则图片会向左移动指定的像素)，第二个是垂直方向偏移量（如果
       指定的是一个正值，则图片会向下移动指定的元素，如果指定的是一个负值，则图片会向上移动指定的像素）
       background-position: 100px 200px

       background-attachment用来设置背景图片是否随着页面一起滚动，可选值为：
            scroll，默认值，背景图片随着窗口滚动
            fixed，背景图片会固定在某一个位置，不随页面滚动
       background-attachment：fixed;
       当background-attachment：fixed;时，背景图片的定位永远相对于浏览器的窗口

       不随着窗口滚动的图片，我们一般设置为body，而不设置给其他元素


        背景的简写属性：background，通过该属性可以同时设置所有背景相关的样式。
        background:#ba url("../img/1.png") center center no-repeat fixed;
        没有顺序的要求，谁在前谁在后都行，也没有数量的要求，不写的样式都使用默认值


    -->
</head>
<body>

</body>
</html>